		{% extends 'news/base_login.html' %}
		{% load staticfiles %}
		{% block title %}用户{{ user.nickname }}的主页{% endblock %}
		{% block css %}
		{% load static %}
		<link rel="stylesheet" type="text/css" href="{% static 'news/css/base_login.css' %}" charset="utf-8">
		<link rel="stylesheet" href="{% static 'news/css/my_number.css' %}">
		{% endblock %}
		{% block content %}
		{% block content_login %}

<div id="i1">
    <div id="i2">
        <div id="i3"><a href="{% url 'news:main_index' %}"><img id='m1' src="{% static 'news/images/1234.jpg' %}"/></a></div>
        <div id="i4">{{ user.nickname }}</div>
        <img id="m2" src="{% static 'news/images/5.png' %}"/>
        <img id="m3" src="{% static 'news/images/6.png' %}"/>
        <div id="i5">剩余积分</div>
        <div id="i6">{{ user.integral }}</div>
        <div id="i7"></div>
        <div id="i8">剩余发布次数</div>
        <div id="i9">{{ user.number }}</div>
    </div>
    <div id="i11" >
        <div id="i12" class="c"><img src="{% static 'news/images/my_vip.png' %}"/></div>
        <div id="i13"><a href="{% url 'news:my_vip' %}" style="text-decoration:none; color:black;">我的会员</a></div>
    </div>
    <div id="i14" >
        <div id="i15" class="c"><img src="{% static 'news/images/my_jf.png' %}"/></div>
        <div id="i16"><a href="{% url 'news:my_integral' %}" style="text-decoration:none; color:black;">我的积分</a></div>
    </div>
    <div id="i17">
        <div id="i18" class="c"><img src="{% static 'news/images/post_n.png' %}"/></div>
        <div id="i19"><a href="{% url 'news:mypublish' %}" style="text-decoration:none; color:black;">我的发布</a></div>
    </div>
    <div id="i20" >
        <div id="i21" class="c"><img src="{% static 'news/images/xxx_n.png' %}"/></div>
        <div id="i22" style="text-decoration:none;"><a href="{% url 'news:my_message' %}" style="text-decoration:none; color:black;">消息通知</a></div>
    </div>

    <div id="i23">
        <div id="i24"></div>
        <div id="i25"><img src="{% static 'news/images/sz.png' %}"/></div>
        <div id="i26" style="font-size: 18px;
        position: absolute;
        top: 18px;
        left: 59px;
        height: 25px">设置</div>
		<div id="i27"><img src="{% static 'news/images/xia.png' %}"/></div>
	</div>
	<div id="i28" style="list-style:none; position: absolute; top: 505px; left: 0px;">
		<ul>
			<p id="i29"><a href="{% url 'news:user_index' %}" style="text-decoration:none; color:black;">个人资料</a></p>
			<p><a href="{% url 'news:alert_pwd_1' %}" style="text-decoration:none; color:black;">修改密码</a></p>
			<a href="{% url 'news:main_index' %}" style="text-decoration:none; color:black">退出登录</a>
		</ul>
	</div>


    <!--<div id="i29" style="position: absolute;top:0;left: 320px;width: 100px;height: 100px;">我的发布</div>-->

</div>

			<ul id="u1">
				<li>我的积分
				<div id="li1">当前剩余积分：<span id="sp2">{{ user.integral}}</span> <span id="sp1"><a href="{% url 'news:exchange'%}" style="text-decoration:none;">兑换积分</a></span></div>
				</li>
				<div id="dd1"></div>
				<li id="li2">积分说明</li>
				<div id="dd2">
					本积分与cny兑换比例为10:1cny.可与XXX币做等值兑换.<br>
					用户每分享一次新闻给好友.只要好友允许获取微信openid并打开.即可获得1积分.最多5积分.同一<br>
					个新闻每个用户第一次阅读有效...
				</div>
				<div id="dd3"></div>
				<li id="li3">积分账单</li>
				<table border="0px" cellspacing="0" cellpadding="10" id="table1">
					{% if intagral %}
						{% for i in intagral %}
					<tr>
						<td>{{i.pays}}</td>
						<td class="t1">{{i.money}}</td>
						<td class="t1">{{i.time|date:'Y-m-d H:i:s'}}</td>
					</tr>
						{% endfor %}

				</table>

					{% endif%}

		<ul class="pag" style="position:relative; top:170px; left:260px; display:inline-block; list-style-type: none;">
					{% if intagral.has_previous %}
					<li style="display: inline-block; margin-left:10px;"><a href="?page={{intagral.previous_page_number}}" aria-label="Previous" style="text-decoration:none">
						<span aria-hidden="true">上一页</span>
						</a>
					</li>
					{% endif %}
					{% for pg in intagral.paginator.page_range %}
						{% if intagral.number == pg %}
							<li style="display: inline-block; margin-left:10px;"><a href="?page={{pg}}" style="text-decoration:none">{{pg}}</a></li>
						{% else %}
							<li style="display: inline-block; margin-left:10px;"><a href="?page={{pg}}" style="text-decoration:none">{{pg}}</a></li>
						{% endif %}
					{% endfor %}

					{% if intagral.has_next %}
						<li style="display: inline-block; margin-left:10px;">
							<a href="?page={{intagral.next_page_number}}" aria-label="Next" style="text-decoration:none">
								<span aria-hidden="true">下一页</span>
							</a>

						</li>
					{% endif %}
				</ul>
		</ul>

		<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
		<script>
		<!--i27是设置栏右边的下拉小图标点击旋转或恢复-->
			$(function() {
				  var r = 0;
				  $('#i23').click(function() {
					r += 90;
					$("#i27").css('transform', 'rotate(' + r + 'deg)');
					if(r > 90){r = 0;
						$("#i27").css('transform', 'rotate(' + 0 + 'deg)');
					}
				  });
				});

		<!--i23是设置栏，i28是下拉菜单栏-->
			$("#i23").click(function(){
				 $("#i28").toggle();
				 })



		</script>

{% endblock %}
{% endblock %}
